<template>
  <div class="newbottom">
    <bottom-left :newList="newList"></bottom-left>
    <bottom-right :rankingLIst="rankingLIst"></bottom-right>
  </div>
</template>

<script>
import BottomRight from "./bottomRight";
import BottomLeft from "./bottomLeft";
export default {
  components: { BottomLeft, BottomRight },
  name: "NewBottom",
  props: {
    rankingLIst: {
      type: Array,
    },
    newList: {
      type: Array,
    },
  },
};
</script>


<style>
.newbottom {
  width: 80%;
  margin: 0 auto;
  margin-top: 3%;
  margin-bottom: 3%;
  display: flex;
}
</style>